/* mine/pages/animation/demo11/index.wxss */
.btns {
	display: flex;
	padding: 16rpx;

	>view {
		padding: 16rpx;
		border: 1rpx solid #ccc;
		border-radius: 10rpx;
		margin-right: 16rpx;
		z-index: 999;
		background-color: #fff;
	}

	.active {
		color: #fff;
		background-color: pink;
	}
}

.tips {
	height: 300rpx;
	background-color: #fff;
	margin-top: 300rpx;
	z-index: 99999;
	margin: 300rpx 16rpx 16rpx 16rpx;
	border-radius: 16rpx;
	position: relative;

	.triangle {
		position: absolute;
		width: 0;
		height: 0;
		border-bottom: 20rpx solid #fff;
		border-right: 20rpx solid transparent;
		border-left: 20rpx solid transparent;
		top: -20rpx;
		left: 20rpx;
	}

	.delete {
		width: 60rpx;
		height: 60rpx;
		position: absolute;
		bottom: -100rpx;
		left: 50%;
		transform: translateX(-50%);
	}
}